<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>个人主页</title>
    <link rel="stylesheet" href="${ctxPath}/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="${ctxPath}/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${ctxPath}/css/common.css">
    <link rel="stylesheet" href="${ctxPath}/css/topic.css">
    <link rel="stylesheet" href="${ctxPath}/css/customer.css">
    <script>
        function show1(){
            document.getElementById("i1").style.display="block";
            document.getElementById("i2").style.display="none";
        }
        function show2(){
            document.getElementById("i1").style.display="none";
            document.getElementById("i2").style.display="block";
        }
    </script>
</head>
<body>
<jsp:include page="/WEB-INF/pages/commons/header.jsp"></jsp:include>

<nav class="list">
    <a href="${ctxPath}/index.jsp">首页</a>
    <i>/</i>
    <b>个人主页</b>
</nav>
<div class="my_page">
<aside class="page-aside">
<div class="head-photo">
 <div> ${c.nickname.charAt(0)}</div>
</div>
<div class="body">
    <ul class="list-group">
        <li class="list-group-item">
            <a href="${ctxPath}/customer/change/nickname">修改昵称</a>
        </li>
        <li class="list-group-item">
            <a href="${ctxPath}/customer/change/password">修改密码</a>
        </li>
        <li class="list-group-item">
            <a href="${ctxPath}/topic/my_list">管理我的话题</a>
        </li>

        <li class="list-group-item">
            <a href="${ctxPath}/customer/page-people?id=${c.id}">查看我的信息</a>
        </li>
        <li class="list-group-item">
            <a href="${ctxPath}/topic/collectList">我的收藏</a>
        </li>
        <li class="list-group-item">
            <a href="${ctxPath}/customer/logout">注销</a>
        </li>
    </ul>
    </div>
    <div class="foot ">
    <button class="btn btn-dark" onclick="show1()">查看我的话题</button>
    <button class="btn btn-dark" onclick="show2()">查看我的评论</button>
</div>
</aside>
<main class="page-main">
    <div id="i1">
    <jsp:include page="/WEB-INF/pages/customer/mytopic.jsp"></jsp:include>
    </div>
    <div id="i2">
        <jsp:include page="/WEB-INF/pages/customer/myexplains.jsp"></jsp:include>
    </div>
</main>
</div>
</body>
</html>
